import { defineComponent, openBlock, createElementBlock, renderSlot, createTextVNode, toDisplayString, createElementVNode, createBlock, resolveDynamicComponent, unref, normalizeStyle } from "vue";
const toLine = (value) => {
  return value.replace(/(A-Z)/g, "-$1").toLocaleLowerCase();
};
var index_vue_vue_type_style_index_0_scoped_true_lang = "";
var _export_sfc = (sfc, props) => {
  const target = sfc.__vccOpts || sfc;
  for (const [key, val] of props) {
    target[key] = val;
  }
  return target;
};
const _hoisted_1 = { class: "trend" };
const _hoisted_2 = { class: "icon" };
const _sfc_main = /* @__PURE__ */ defineComponent({
  name: "index",
  props: {
    title: { default: "" },
    type: { default: "up" },
    upIconColor: { default: "#f5222d" },
    downIconColor: { default: "greenyellow" },
    upIcon: { default: "Arrowup" },
    downIcon: { default: "Arrowdown" }
  },
  setup(__props) {
    return (_ctx, _cache) => {
      return openBlock(), createElementBlock("div", _hoisted_1, [
        renderSlot(_ctx.$slots, "trendTitle", { data: "666" }, () => [
          createTextVNode(toDisplayString(__props.title), 1)
        ], true),
        createElementVNode("div", _hoisted_2, [
          __props.type === "up" ? (openBlock(), createBlock(resolveDynamicComponent(`el-icon-${unref(toLine)(__props.upIcon)}`), {
            key: 0,
            style: normalizeStyle({ color: __props.upIconColor })
          }, null, 8, ["style"])) : (openBlock(), createBlock(resolveDynamicComponent(`el-icon-${unref(toLine)(__props.downIcon)}`), {
            key: 1,
            style: normalizeStyle({ color: __props.upIconColor })
          }, null, 8, ["style"]))
        ])
      ]);
    };
  }
});
var trend = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-710630c4"]]);
var index = {
  install(app) {
    app.component("MnTrend", trend);
  }
};
export { index as default };
